<template>
  <div class="v-child-body">
    <div class="page page-current ">
      <div class="content ns-backColor">
        <div class="ns-formPanel">
          <div class="formPanel-header userInfo active">
            <div class="avatar-container">
              <div class="user-avatar">
                <!-- <img src="../img/avatar.png"> -->
              </div>
            </div>
            <div class="user-name">立即登录</div>
          </div>
          <div class="ns-formPanel-cell formPanel-cell-label" @click="changeState">
            <label class="formPanel-cell_ms">我的订单</label>
          </div>
          <div class="ns-formPanel-cell formPanel-cell-items">
            <div class="item" order-type="unuse">
              <div class="imgWrap">
                <!-- <img src="../img/noUse.png"> -->
              </div>
              <span>未使用</span>
            </div>
            <div class="item" order-type="waitpay">
              <div class="imgWrap">
                <!-- <img src="../img/waitPay.png"> -->
              </div>
              <span>待付款</span>
            </div>
            <div class="item" order-type="used">
              <div class="imgWrap">
                <!-- <img src="../img/used.png"> -->
              </div>
              <span>已使用</span>
            </div>
          </div>
          <div class="ns-formPanel-cell formPanel-cell-label margin-top border-none">
            <label class="formPanel-cell_ms">我的钱包</label>
            <div class="ns-flex user-label-right">
              <span>0元</span>
              <div class="icon icon-right label-icon-more "></div>
            </div>
          </div>
          <div class="ns-formPanel-cell formPanel-cell-label margin-top border-none">
            <label class="formPanel-cell_ms">设置</label>
            <div class="ns-flex user-label-right">
              <span>手机绑定与更换</span>
              <div class="icon icon-right label-icon-more"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
      data() {
        return {}
      },
        methods: {
            changeState: function(item){
                item.active?item.active=false:item.active=true;
                console.log('123123',item)
                alert(1)
            }
        }
  }

</script>

<style scoped>


</style>
